﻿@using Mrc.Application;
@{
    ViewData["Title"] = "LogList";
    Layout = "~/Areas/Admin/Views/_Layout.cshtml";
}

<link href="~/lib/layui/layui_ext/dtree/dtree.css" rel="stylesheet" />
<link href="~/lib/layui/layui_ext/dtree/font/dtreefont.css" rel="stylesheet" />

<table class="layui-hide" id="tabledata" lay-filter="tabledata"></table>
<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        @Html.Raw(Mrc.Application.PermissionButtonHelper.CreateButtonHtml(new List<string> { "system.projecttype.add", "system.projecttype.update", "system.projecttype.delete" }, ViewContext.HttpContext));
        <button class="layui-btn layui-btn-sm" onclick="javascript:location.replace(location.href);">刷新</button>
    </div>
</script>
<script>
    layui.use(['layer','table'], function () {
        var  layer = layui.layer,
            table = layui.table,
            $ = layui.$;
            table.render({
                    elem: '#tabledata'
                    , height: 'full-20'
                    , url: '/project/projecttype/models'
                    , toolbar: '#toolbarDemo'
                    , title: 'IP过滤'
                    , cols:[[
                        { type: 'checkbox', fixed: 'left' }
                        , { field: 'name', title: '项目类型名', fixed: 'left', unresize: true, sort: true }
                        , { field: 'typeIds',title: '关联类型' }
                    ]]
                    , limits: [10, 15, 40, 60, 80, 100, 200, 400]
                    , limit: 100 //默认采用10
                    , page: true
                    , request: {
                        pageName: 'pageNumber' //页码的参数名称，默认：page
                        , limitName: 'pageSize' //每页数据量的参数名，默认：limit
                    }
                });

                //头工具栏事件
                table.on('toolbar(tabledata)', function (obj) {
                    var checkStatus = table.checkStatus(obj.config.id);
                    switch (obj.event) {
                        case 'add':
                            x_admin_show("添加项目类型", "/project/projecttype/add", 620, 400);
                            break;
                        case 'update':
                            var data = checkStatus.data;
                            if (data.length > 1)
                            {
                                layer.msg('请选择单个编辑项');
                                break;
                            }
                            else
                            {

                                var thisline = data[0];
                                console.table(thisline);
                                var id = thisline.id;
                                console.log(id)
                                x_admin_show("修改项目类型", "/project/projecttype/update?Id=" + id, 620, 400);
                            }
                            break;
                        case 'delete':
                            var data = checkStatus.data;
                            if (data.length > 1)
                            {
                                layer.msg('请选择删除项');
                                break;
                            }
                            else
                            {
                                var ids = [];
                                for (var i = 0; i < data.length; i++) {
                                    ids.push(data[i].id);
                                }
                                console.table(ids);
                                BaseAjax(ajaxType.post, "/project/projecttype/delete", { ids: ids }, function (repo) {
                                    if (repo.status == ajaxStatus.OK) {
                                        table.reload('tabledata', { page: { curr: 1 } });
                                    }
                                });
                            }
                            break;                  
                    };
        });
    })
</script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    layui.use('table', function () {
        var table = layui.table;

    });
</script>

